
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
      </head>
      <body>
        <style>@charset "UTF-8";@import "https://fonts.bunny.net/css?family=Lato:400,900|Roboto+Mono:400,700&display=swap";div.marpit>svg>foreignObject>section{width:1280px;height:720px;box-sizing:border-box;overflow:hidden;position:relative;scroll-snap-align:center center}div.marpit>svg>foreignObject>section:after{bottom:0;content:attr(data-marpit-pagination);padding:inherit;pointer-events:none;position:absolute;right:0}div.marpit>svg>foreignObject>section:not([data-marpit-pagination]):after{display:none}/* Normalization */div.marpit>svg>foreignObject>section :is(h1,marp-h1){font-size:2em;margin:0.67em 0}div.marpit>svg>foreignObject>section video::-webkit-media-controls{will-change:transform}@page{size:1280px 5000px;margin:0}@media print{body,html{background-color:#fff;margin:0;page-break-inside:avoid;break-inside:avoid-page}div.marpit>svg>foreignObject>section{page-break-before:always;break-before:page}div.marpit>svg>foreignObject>section,div.marpit>svg>foreignObject>section *{-webkit-print-color-adjust:exact!important;animation-delay:0s!important;animation-duration:0s!important;color-adjust:exact!important;transition:none!important}div.marpit>svg[data-marpit-svg]{display:block;height:100vh;width:100vw}}
/*!
 * Marp / Marpit Gaia theme.
 *
 * @theme gaia
 * @author Yuki Hattori
 *
 * @auto-scaling true
 * @size 16:9 1280px 720px
 * @size 4:3 960px 720px
 */div.marpit>svg>foreignObject>section :is(pre,marp-pre) code.hljs{display:block;overflow-x:auto;padding:1em}div.marpit>svg>foreignObject>section code.hljs{padding:3px 5px}div.marpit>svg>foreignObject>section .hljs{background:#000;color:#f8f8f8}div.marpit>svg>foreignObject>section .hljs-comment,div.marpit>svg>foreignObject>section .hljs-quote{color:#aeaeae;font-style:italic}div.marpit>svg>foreignObject>section .hljs-keyword,div.marpit>svg>foreignObject>section .hljs-selector-tag,div.marpit>svg>foreignObject>section .hljs-type{color:#e28964}div.marpit>svg>foreignObject>section .hljs-string{color:#65b042}div.marpit>svg>foreignObject>section .hljs-subst{color:#daefa3}div.marpit>svg>foreignObject>section .hljs-link,div.marpit>svg>foreignObject>section .hljs-regexp{color:#e9c062}div.marpit>svg>foreignObject>section .hljs-name,div.marpit>svg>foreignObject>section .hljs-section,div.marpit>svg>foreignObject>section .hljs-tag,div.marpit>svg>foreignObject>section .hljs-title{color:#89bdff}div.marpit>svg>foreignObject>section .hljs-class .hljs-title,div.marpit>svg>foreignObject>section .hljs-doctag,div.marpit>svg>foreignObject>section .hljs-title.class_{text-decoration:underline}div.marpit>svg>foreignObject>section .hljs-bullet,div.marpit>svg>foreignObject>section .hljs-number,div.marpit>svg>foreignObject>section .hljs-symbol{color:#3387cc}div.marpit>svg>foreignObject>section .hljs-params,div.marpit>svg>foreignObject>section .hljs-template-variable,div.marpit>svg>foreignObject>section .hljs-variable{color:#3e87e3}div.marpit>svg>foreignObject>section .hljs-attribute{color:#cda869}div.marpit>svg>foreignObject>section .hljs-meta{color:#8996a8}div.marpit>svg>foreignObject>section .hljs-formula{background-color:#0e2231;color:#f8f8f8;font-style:italic}div.marpit>svg>foreignObject>section .hljs-addition{background-color:#253b22;color:#f8f8f8}div.marpit>svg>foreignObject>section .hljs-deletion{background-color:#420e09;color:#f8f8f8}div.marpit>svg>foreignObject>section .hljs-selector-class{color:#9b703f}div.marpit>svg>foreignObject>section .hljs-selector-id{color:#8b98ab}div.marpit>svg>foreignObject>section .hljs-emphasis{font-style:italic}div.marpit>svg>foreignObject>section .hljs-strong{font-weight:700}div.marpit>svg>foreignObject>section :is(h1,marp-h1),div.marpit>svg>foreignObject>section :is(h2,marp-h2),div.marpit>svg>foreignObject>section :is(h3,marp-h3),div.marpit>svg>foreignObject>section :is(h4,marp-h4),div.marpit>svg>foreignObject>section :is(h5,marp-h5),div.marpit>svg>foreignObject>section :is(h6,marp-h6){margin:.5em 0 0}div.marpit>svg>foreignObject>section :is(h1,marp-h1) strong,div.marpit>svg>foreignObject>section :is(h2,marp-h2) strong,div.marpit>svg>foreignObject>section :is(h3,marp-h3) strong,div.marpit>svg>foreignObject>section :is(h4,marp-h4) strong,div.marpit>svg>foreignObject>section :is(h5,marp-h5) strong,div.marpit>svg>foreignObject>section :is(h6,marp-h6) strong{font-weight:inherit}div.marpit>svg>foreignObject>section :is(h1,marp-h1)::part(auto-scaling),div.marpit>svg>foreignObject>section :is(h2,marp-h2)::part(auto-scaling),div.marpit>svg>foreignObject>section :is(h3,marp-h3)::part(auto-scaling),div.marpit>svg>foreignObject>section :is(h4,marp-h4)::part(auto-scaling),div.marpit>svg>foreignObject>section :is(h5,marp-h5)::part(auto-scaling),div.marpit>svg>foreignObject>section :is(h6,marp-h6)::part(auto-scaling){max-height:580px}div.marpit>svg>foreignObject>section :is(h1,marp-h1){font-size:1.8em}div.marpit>svg>foreignObject>section :is(h2,marp-h2){font-size:1.5em}div.marpit>svg>foreignObject>section :is(h3,marp-h3){font-size:1.3em}div.marpit>svg>foreignObject>section :is(h4,marp-h4){font-size:1.1em}div.marpit>svg>foreignObject>section :is(h5,marp-h5){font-size:1em}div.marpit>svg>foreignObject>section :is(h6,marp-h6){font-size:.9em}div.marpit>svg>foreignObject>section blockquote,div.marpit>svg>foreignObject>section p{margin:1em 0 0}div.marpit>svg>foreignObject>section ol>li,div.marpit>svg>foreignObject>section ul>li{margin:.3em 0 0}div.marpit>svg>foreignObject>section ol>li>p,div.marpit>svg>foreignObject>section ul>li>p{margin:.6em 0 0}div.marpit>svg>foreignObject>section code{display:inline-block;font-family:Roboto Mono,monospace;font-size:.8em;letter-spacing:0;margin:-.1em .15em;padding:.1em .2em;vertical-align:baseline}div.marpit>svg>foreignObject>section :is(pre,marp-pre){display:block;margin:1em 0 0;overflow:visible}div.marpit>svg>foreignObject>section :is(pre,marp-pre) code{box-sizing:border-box;font-size:.7em;margin:0;min-width:100%;padding:.5em}div.marpit>svg>foreignObject>section :is(pre,marp-pre)::part(auto-scaling){max-height:calc(580px - 1em)}div.marpit>svg>foreignObject>section blockquote{margin:1em 0 0;padding:0 1em;position:relative}div.marpit>svg>foreignObject>section blockquote:after,div.marpit>svg>foreignObject>section blockquote:before{content:"“";display:block;font-family:Times New Roman,serif;font-weight:700;position:absolute}div.marpit>svg>foreignObject>section blockquote:before{left:0;top:0}div.marpit>svg>foreignObject>section blockquote:after{bottom:0;right:0;transform:rotate(180deg)}div.marpit>svg>foreignObject>section blockquote>:first-child{margin-top:0}div.marpit>svg>foreignObject>section mark{background:transparent}div.marpit>svg>foreignObject>section table{border-collapse:collapse;border-spacing:0;margin:1em 0 0}div.marpit>svg>foreignObject>section table td,div.marpit>svg>foreignObject>section table th{border-style:solid;border-width:1px;padding:.2em .4em}div.marpit>svg>foreignObject>section footer,div.marpit>svg>foreignObject>section header,div.marpit>svg>foreignObject>section:after{box-sizing:border-box;font-size:66%;height:70px;line-height:50px;overflow:hidden;padding:10px 25px;position:absolute}div.marpit>svg>foreignObject>section:after{--marpit-root-font-size:66%}div.marpit>svg>foreignObject>section header{top:0}div.marpit>svg>foreignObject>section footer,div.marpit>svg>foreignObject>section header{left:0;right:0}div.marpit>svg>foreignObject>section footer{bottom:0}div.marpit>svg>foreignObject>section{word-wrap:break-word;--color-background:#fff8e1;--color-background-stripe:rgba(69,90,100,.1);--color-foreground:#455a64;--color-dimmed:#6a7a7d;--color-highlight:#0288d1;background-color:var(--color-background);background-image:linear-gradient(135deg,hsla(0,0%,53%,0),hsla(0,0%,53%,.02) 50%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.05));color:var(--color-foreground);font-family:Lato,Avenir Next,Avenir,Trebuchet MS,Segoe UI,sans-serif;font-size:35px;height:720px;letter-spacing:1.25px;line-height:1.35;padding:70px;width:1280px}div.marpit>svg>foreignObject>section{--marpit-root-font-size:35px}div.marpit>svg>foreignObject>section:after{bottom:0;font-size:80%;right:0}div.marpit>svg>foreignObject>section:after{--marpit-root-font-size:80%}div.marpit>svg>foreignObject>section a,div.marpit>svg>foreignObject>section mark{color:var(--color-highlight)}div.marpit>svg>foreignObject>section code{background:var(--color-dimmed);color:var(--color-background)}div.marpit>svg>foreignObject>section :is(h1,marp-h1) strong,div.marpit>svg>foreignObject>section :is(h2,marp-h2) strong,div.marpit>svg>foreignObject>section :is(h3,marp-h3) strong,div.marpit>svg>foreignObject>section :is(h4,marp-h4) strong,div.marpit>svg>foreignObject>section :is(h5,marp-h5) strong,div.marpit>svg>foreignObject>section :is(h6,marp-h6) strong{color:var(--color-highlight)}div.marpit>svg>foreignObject>section :is(pre,marp-pre){background:var(--color-foreground)}div.marpit>svg>foreignObject>section :is(pre,marp-pre)>code{background:transparent}div.marpit>svg>foreignObject>section blockquote:after,div.marpit>svg>foreignObject>section blockquote:before,div.marpit>svg>foreignObject>section footer,div.marpit>svg>foreignObject>section header,div.marpit>svg>foreignObject>section section:after{color:var(--color-dimmed)}div.marpit>svg>foreignObject>section table td,div.marpit>svg>foreignObject>section table th{border-color:var(--color-foreground)}div.marpit>svg>foreignObject>section table thead th{background:var(--color-foreground);color:var(--color-background)}div.marpit>svg>foreignObject>section table tbody>tr:nth-child(odd) td,div.marpit>svg>foreignObject>section table tbody>tr:nth-child(odd) th{background:var(--color-background-stripe,transparent)}div.marpit>svg>foreignObject>section>:first-child,div.marpit>svg>foreignObject>section>header:first-child+*{margin-top:0}div.marpit>svg>foreignObject>section:where(.invert){--color-background:#455a64;--color-background-stripe:rgba(255,248,225,.1);--color-foreground:#fff8e1;--color-dimmed:#dad8c8;--color-highlight:#81d4fa}div.marpit>svg>foreignObject>section:where(.gaia){--color-background:#0288d1;--color-background-stripe:rgba(255,248,225,.1);--color-foreground:#fff8e1;--color-dimmed:#cce2de;--color-highlight:#81d4fa}div.marpit>svg>foreignObject>section:where(.lead){display:flex;flex-flow:column nowrap;justify-content:center}div.marpit>svg>foreignObject>section:where(.lead) :is(h1,marp-h1),div.marpit>svg>foreignObject>section:where(.lead) :is(h2,marp-h2),div.marpit>svg>foreignObject>section:where(.lead) :is(h3,marp-h3),div.marpit>svg>foreignObject>section:where(.lead) :is(h4,marp-h4),div.marpit>svg>foreignObject>section:where(.lead) :is(h5,marp-h5),div.marpit>svg>foreignObject>section:where(.lead) :is(h6,marp-h6){text-align:center}div.marpit>svg>foreignObject>section:where(.lead) p{text-align:center}div.marpit>svg>foreignObject>section:where(.lead) blockquote>:is(h1,marp-h1),div.marpit>svg>foreignObject>section:where(.lead) blockquote>:is(h2,marp-h2),div.marpit>svg>foreignObject>section:where(.lead) blockquote>:is(h3,marp-h3),div.marpit>svg>foreignObject>section:where(.lead) blockquote>:is(h4,marp-h4),div.marpit>svg>foreignObject>section:where(.lead) blockquote>:is(h5,marp-h5),div.marpit>svg>foreignObject>section:where(.lead) blockquote>:is(h6,marp-h6),div.marpit>svg>foreignObject>section:where(.lead) blockquote>p{text-align:left}div.marpit>svg>foreignObject>section:where(.lead) ol>li>p,div.marpit>svg>foreignObject>section:where(.lead) ul>li>p{text-align:left}div.marpit>svg>foreignObject>section:where(.lead) table{margin-left:auto;margin-right:auto}div.marpit>svg>foreignObject>section img[data-marp-twemoji]{background:transparent;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;width:1em}
    /* @theme my-first-theme */div.marpit>svg>foreignObject>section{width:1280px;height:5000px}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background]{columns:initial!important;display:block!important;padding:0!important}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background]:after,div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background]:before,div.marpit>svg>foreignObject>section[data-marpit-advanced-background=content]:after,div.marpit>svg>foreignObject>section[data-marpit-advanced-background=content]:before{display:none!important}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]{all:initial;display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container][data-marpit-advanced-background-direction=vertical]{flex-direction:column}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split]>div[data-marpit-advanced-background-container]{width:var(--marpit-advanced-background-split,50%)}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split=right]>div[data-marpit-advanced-background-container]{margin-left:calc(100% - var(--marpit-advanced-background-split, 50%))}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure{all:initial;background-position:center;background-repeat:no-repeat;background-size:cover;flex:auto;margin:0}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=content],div.marpit>svg>foreignObject>section[data-marpit-advanced-background=pseudo]{background:transparent!important}div.marpit>svg>foreignObject>section[data-marpit-advanced-background=pseudo],div.marpit>svg[data-marpit-svg]>foreignObject[data-marpit-advanced-background=pseudo]{pointer-events:none!important}div.marpit>svg>foreignObject>section[data-marpit-advanced-background-split]{width:100%;height:100%}</style>
        <div class="marpit"><svg data-marpit-svg="" viewBox="0 0 1280 5000"><foreignObject width="1280" height="5000"><section id="1" data-marpit-fragments="7">
<h2>Знакомство со Spring Boot</h2>
<h4>Полезные ссылки</h4>
<ul>
<li data-marpit-fragment="1"><a href="https://spring.io/quickstart">Начало работы со Spring Boot</a></li>
</ul>
<h3>build.gradle.kts</h3>
<ul>
<li data-marpit-fragment="2">Добавьте в файл <em>build.gradle.kts</em> плагины и зависимости, необходимые для работы приложения</li>
</ul>
<h4>src/main/java/exercise/Application.java</h4>
<ul>
<li data-marpit-fragment="3">
<p>В файле создайте класс <code>Application</code> и реализуйте в нем приложение на Spring Boot , в котором по адресу <em>/about</em> отдается строчка текста <em>Welcome to Hexlet!</em></p>
</li>
<li data-marpit-fragment="4">
<p>Запустите приложение с помощью команды <em>./gradlew bootRun</em>, откройте браузер и убедитесь, что по адресу <em><a href="http://localhost:8080/about">http://localhost:8080/about</a></em> отдается нужный текст</p>
</li>
<li data-marpit-fragment="5">
<p>Проверьте, как происходит автоматический рестарт приложения при изменении кода</p>
</li>
<li data-marpit-fragment="6">
<p>Добавьте к выводу еще какой-нибудь текст и обновите страницу браузера</p>
</li>
</ul>
<h3>Подсказки</h3>
<ul>
<li data-marpit-fragment="7">В зависимости от вашей IDE для работы автоматического рестарта могут потребоваться <a href="https://docs.spring.io/spring-boot/docs/current/reference/html/using.html#using.devtools.restart">дополнительные действия</a></li>
</ul>
</section>
<script>!function(){"use strict";const t={h1:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"1"},style:"display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h2:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"2"},style:"display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h3:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"3"},style:"display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h4:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"4"},style:"display: block; margin-block-start: 1.33em; margin-block-end: 1.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h5:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"5"},style:"display: block; font-size: 0.83em; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h6:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"6"},style:"display: block; font-size: 0.67em; margin-block-start: 2.33em; margin-block-end: 2.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},span:{proto:()=>HTMLSpanElement},pre:{proto:()=>HTMLElement,style:"display: block; font-family: monospace; white-space: pre; margin: 1em 0; --marp-auto-scaling-white-space: pre;"}},e="data-marp-auto-scaling-wrapper",i="data-marp-auto-scaling-svg",n="data-marp-auto-scaling-container";class s extends HTMLElement{constructor(){super(),this.svgPreserveAspectRatio="xMinYMid meet";const t=t=>([e])=>{const{width:i,height:n}=e.contentRect;this[t]={width:i,height:n},this.updateSVGRect()};this.attachShadow({mode:"open"}),this.containerObserver=new ResizeObserver(t("containerSize")),this.wrapperObserver=new ResizeObserver(((...e)=>{t("wrapperSize")(...e),this.flushSvgDisplay()}))}static get observedAttributes(){return["data-downscale-only"]}connectedCallback(){var t,s,o,r,a;this.shadowRoot.innerHTML=`\n<style>\n  svg[${i}] { display: block; width: 100%; height: auto; vertical-align: top; }\n  span[${n}] { display: table; white-space: var(--marp-auto-scaling-white-space, nowrap); width: max-content; }\n</style>\n<div ${e}>\n  <svg part="svg" ${i}>\n    <foreignObject><span ${n}><slot></slot></span></foreignObject>\n  </svg>\n</div>\n    `.split(/\n\s*/).join(""),this.wrapper=null!==(t=this.shadowRoot.querySelector(`div[${e}]`))&&void 0!==t?t:void 0;const l=this.svg;this.svg=null!==(o=null===(s=this.wrapper)||void 0===s?void 0:s.querySelector(`svg[${i}]`))&&void 0!==o?o:void 0,this.svg!==l&&(this.svgComputedStyle=this.svg?window.getComputedStyle(this.svg):void 0),this.container=null!==(a=null===(r=this.svg)||void 0===r?void 0:r.querySelector(`span[${n}]`))&&void 0!==a?a:void 0,this.observe()}disconnectedCallback(){this.svg=void 0,this.svgComputedStyle=void 0,this.wrapper=void 0,this.container=void 0,this.observe()}attributeChangedCallback(){this.observe()}flushSvgDisplay(){const{svg:t}=this;t&&(t.style.display="inline",requestAnimationFrame((()=>{t.style.display=""})))}observe(){this.containerObserver.disconnect(),this.wrapperObserver.disconnect(),this.wrapper&&this.wrapperObserver.observe(this.wrapper),this.container&&this.containerObserver.observe(this.container),this.svgComputedStyle&&this.observeSVGStyle(this.svgComputedStyle)}observeSVGStyle(t){const e=()=>{const i=(()=>{const e=t.getPropertyValue("--preserve-aspect-ratio");if(e)return e.trim();return`x${(({textAlign:t,direction:e})=>{if(t.endsWith("left"))return"Min";if(t.endsWith("right"))return"Max";if("start"===t||"end"===t){let i="rtl"===e;return"end"===t&&(i=!i),i?"Max":"Min"}return"Mid"})(t)}YMid meet`})();i!==this.svgPreserveAspectRatio&&(this.svgPreserveAspectRatio=i,this.updateSVGRect()),t===this.svgComputedStyle&&requestAnimationFrame(e)};e()}updateSVGRect(){var t,e,i,n,s,o,r;let a=Math.ceil(null!==(e=null===(t=this.containerSize)||void 0===t?void 0:t.width)&&void 0!==e?e:0);const l=Math.ceil(null!==(n=null===(i=this.containerSize)||void 0===i?void 0:i.height)&&void 0!==n?n:0);void 0!==this.dataset.downscaleOnly&&(a=Math.max(a,null!==(o=null===(s=this.wrapperSize)||void 0===s?void 0:s.width)&&void 0!==o?o:0));const c=null===(r=this.svg)||void 0===r?void 0:r.querySelector(":scope > foreignObject");if(null==c||c.setAttribute("width",`${a}`),null==c||c.setAttribute("height",`${l}`),this.svg&&(this.svg.setAttribute("viewBox",`0 0 ${a} ${l}`),this.svg.setAttribute("preserveAspectRatio",this.svgPreserveAspectRatio),this.svg.style.height=a<=0||l<=0?"0":""),this.container){const t=this.svgPreserveAspectRatio.toLowerCase();this.container.style.marginLeft=t.startsWith("xmid")||t.startsWith("xmax")?"auto":"0",this.container.style.marginRight=t.startsWith("xmi")?"auto":"0"}}}const o=(t,{attrs:e={},style:i})=>class extends t{constructor(...t){super(...t);for(const[t,i]of Object.entries(e))this.hasAttribute(t)||this.setAttribute(t,i);this.attachShadow({mode:"open"})}static get observedAttributes(){return["data-auto-scaling"]}connectedCallback(){this._update()}attributeChangedCallback(){this._update()}_update(){const t=i?`<style>:host { ${i} }</style>`:"";let e="<slot></slot>";const{autoScaling:n}=this.dataset;if(void 0!==n){e=`<marp-auto-scaling exportparts="svg:auto-scaling" ${"downscale-only"===n?"data-downscale-only":""}>${e}</marp-auto-scaling>`}this.shadowRoot.innerHTML=t+e}};let r;const a=Symbol(),l="marpitSVGPolyfill:setZoomFactor,",c=Symbol();let d,p;function h(t){const e="object"==typeof t&&t.target||document,i="object"==typeof t?t.zoom:t;window[c]||(Object.defineProperty(window,c,{configurable:!0,value:!0}),window.addEventListener("message",(({data:t,origin:e})=>{if(e===window.origin)try{if(t&&"string"==typeof t&&t.startsWith(l)){const[,e]=t.split(","),i=Number.parseFloat(e);Number.isNaN(i)||(p=i)}}catch(t){console.error(t)}})));let n=!1;Array.from(e.querySelectorAll("svg[data-marpit-svg]"),(t=>{var e,s,o,r;t.style.transform||(t.style.transform="translateZ(0)");const a=i||p||t.currentScale||1;d!==a&&(d=a,n=a);const l=t.getBoundingClientRect(),{length:c}=t.children;for(let i=0;i<c;i+=1){const n=t.children[i];if(n.getScreenCTM){const t=n.getScreenCTM();if(t){const i=null!==(s=null===(e=n.x)||void 0===e?void 0:e.baseVal.value)&&void 0!==s?s:0,c=null!==(r=null===(o=n.y)||void 0===o?void 0:o.baseVal.value)&&void 0!==r?r:0,d=n.children.length;for(let e=0;e<d;e+=1){const s=n.children[e];if("SECTION"===s.tagName){const{style:e}=s;e.transformOrigin||(e.transformOrigin=`${-i}px ${-c}px`),e.transform=`scale(${a}) matrix(${t.a}, ${t.b}, ${t.c}, ${t.d}, ${t.e-l.left}, ${t.f-l.top}) translateZ(0.0001px)`;break}}}}}})),!1!==n&&Array.from(e.querySelectorAll("iframe"),(({contentWindow:t})=>{null==t||t.postMessage(`${l}${n}`,"null"===window.origin?"*":window.origin)}))}function g({once:t=!1,target:e=document}={}){const i="Apple Computer, Inc."===navigator.vendor?[h]:[];let n=!t;const s=()=>{for(const t of i)t({target:e});n&&window.requestAnimationFrame(s)};return s(),()=>{n=!1}}d=1,p=void 0;const m=Symbol(),v=(e=document)=>{if("undefined"==typeof window)throw new Error("Marp Core's browser script is valid only in browser context.");if(((e=document)=>{const i=window[a];i||customElements.define("marp-auto-scaling",s);for(const n of Object.keys(t)){const s=`marp-${n}`,a=t[n].proto();null!=r||(r=!!document.createElement("div",{is:"marp-auto-scaling"}).outerHTML.startsWith("<div is")),r&&a!==HTMLElement?i||customElements.define(s,o(a,{style:t[n].style}),{extends:n}):(i||customElements.define(s,o(HTMLElement,t[n])),e.querySelectorAll(`${n}[is="${s}"]`).forEach((t=>{t.outerHTML=t.outerHTML.replace(new RegExp(`^<${n}`,"i"),`<${s}`).replace(new RegExp(`</${n}>$`,"i"),`</${s}>`)})))}window[a]=!0})(e),e[m])return e[m];const i=g({target:e}),n=()=>{i(),delete e[m]},l=Object.assign(n,{cleanup:n,update:()=>v(e)});return Object.defineProperty(e,m,{configurable:!0,value:l}),l},u=document.currentScript;v(u?u.getRootNode():document)}();
</script></foreignObject></svg></div>
      </body>
    </html>
  